<%@page contentType="text/css" %>
<%@taglib prefix="s" uri="/struts-tags" %>


/* CONTENIDOS
-------------------------------------------------- */


div#contenidos div#principal div#mensajes {
	position: relative;
	overflow: hidden;
	width: 553px;
	margin-bottom: 25px;
	padding: 12px 16px;
	background: url(/img/css/fondoDegradadoClaro.gif) #3b3b3b left top repeat-x;
}

div#contenidos div#principal div#mensajes h3 {
	margin-bottom: 18px;
	text-transform: uppercase;
	line-height: 16px;
	font-weight: normal;
	font-size: 14px;
	color: #acacac;
}

div#contenidos div#principal div#mensajes h3 strong {
	font-family: apexnew_bold;
	font-weight: bold;
}

div#contenidos div#principal div#mensajes ol {
	padding-bottom: 25px;	
}

div#contenidos div#principal div#mensajes ol.paginacion {
	padding-bottom: 0;	
}

div#contenidos div#principal div#mensajes li dt {
	height: 21px;
	margin-bottom: 8px;
	background-color: #313131;	
	line-height: 21px;
	color: #888;
}

div#contenidos div#principal div#mensajes li dt strong {
	float: left;
	width: 26px;
	height: 21px;
	margin-right: 4px;
	padding-right: 4px;
	background: url(/img/css/fondoNumeroComentario.gif) left top no-repeat;
	text-align: center;
	color: #c9c9c9;
}

div#contenidos div#principal div#mensajes li dt a {
	margin-right: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #c9c9c9;
}

div#contenidos div#principal div#mensajes li dt a:hover {
	text-decoration: underline;
}

div#contenidos div#principal div#mensajes li dt em {
	font-style: normal;
	color: #5b9dcd;
}

div#contenidos div#principal div#mensajes li dd {
	margin-bottom: 15px;
	text-align: justify;
	color: #888;
}

div#contenidos div#principal div#mensajes li dd a {
	color: #5b9dcd;
}

div#contenidos div#principal div#mensajes li dd a:hover {
	color: #83c2f0;
}

div#contenidos div#principal div#mensajes div.cargando {
	left: 0;
	top: 0;
	width: 585px;
	height: 100%;
}

div#contenidos div#secundario form {
	overflow: hidden;
	width: 322px;
	margin-bottom: 15px;
	border: 1px #474747 solid;
	background: url(/img/css/fondoEncabezadoSecundario.gif) #121212 left top repeat-x;
}

div#contenidos div#secundario form#seleccionar-mensajes {
	margin-bottom: 25px;
}

div#contenidos div#secundario form fieldset {
	overflow: hidden;
	width: 100%;
	padding-bottom: 15px;
}

div#contenidos div#secundario form#seleccionar-mensajes fieldset fieldset {
	float: left;
	clear: left;
	width: 210px;
	padding-bottom: 5px;
}

div#contenidos div#secundario form fieldset p {
	position: relative;
	overflow: hidden;
	height: 12px;
	margin: 6px 6px 13px 6px;
	background-position: left top;
	background-repeat: no-repeat;
}

div#contenidos div#secundario form#escribir-un-mensaje fieldset p {
	margin-bottom: 18px;
	background-image: url(/img/css/<s:text name="langFlag" />/textoEscribirUnMensaje.png);
}

div#contenidos div#secundario form#seleccionar-mensajes fieldset p {
	background-image: url(/img/css/<s:text name="langFlag" />/textoSeleccionarMensajes.png);
}

div#contenidos div#secundario form fieldset p span {
	position: absolute;
	top: -10000px;
}

div#contenidos div#secundario form fieldset label {
	display: block;
	margin-left: 20px;
	color: #6e6e6e;
}

div#contenidos div#secundario form#seleccionar-mensajes fieldset label {
	float: left;
	clear: left;
	width: 91px;
	height: 20px;
	margin: 8px 0 0 16px;
	line-height: 20px;
}

div#contenidos div#secundario form#escribir-un-mensaje fieldset textarea {
	display: block;
	width: 270px;
	height: 56px;
	margin: 3px auto 10px auto;
	padding: 4px 6px;
	background: url(/img/css/fondoCampoMensaje.gif) green left top no-repeat;
	line-height: 14px;
	color: #d0c9c9;
}

div#contenidos div#secundario form#seleccionar-mensajes fieldset input.texto {
	float: left;
	width: 195px;
	height: 16px;
	margin-top: 8px;
	padding: 2px;
	line-height: 16px;
	background: url(/img/css/fondoCampoTexto.gif) left top no-repeat;	
}

div#contenidos div#secundario form#seleccionar-mensajes fieldset input#desde,
div#contenidos div#secundario form#seleccionar-mensajes fieldset input#hasta {
	width: 70px;
	text-align: center;
}

div#contenidos div#secundario form fieldset button {
	position: relative;
	overflow: hidden;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}

div#contenidos div#secundario form#escribir-un-mensaje fieldset button {
	float: right;
	display: block;
	height: 20px;
	margin-right: 20px;
	background-image: url(/img/css/<s:text name="langFlag" />/botonEnviar.gif);
}

body.es div#contenidos div#secundario form#escribir-un-mensaje fieldset button {
	width: 56px;
}

body.en div#contenidos div#secundario form#escribir-un-mensaje fieldset button {
	width: 48px;
}

div#contenidos div#secundario form#seleccionar-mensajes fieldset button.boton-calendario {
	float: left;
	width: 15px;
	height: 18px;
	margin: 9px 0 1px 4px;
	background-image: url(/img/css/iconoCalendario.png);
}

div#contenidos div#secundario form#seleccionar-mensajes fieldset button.boton-ver {
	float: right;
	clear: left;
	width: 50px;
	height: 20px;
	margin-right: 16px;
	background: url(/img/css/<s:text name="langFlag" />/botonVer.gif) left top no-repeat;
}

div#contenidos div#secundario form fieldset button span {
	position: absolute;
	top: -10000px;
}